<template>
	<div>
		<Banner></Banner>
		<Icons></Icons>
		<Mcomponent></Mcomponent>
		<Category></Category>
		<Spike></Spike>
		<Want></Want>
		<Grass></Grass>
		<Seasonal></Seasonal>
		<Menu></Menu>
		<Bottomv :propsurl='arrUrl'></Bottomv>
	</div>
</template>

<script>
	import Banner from './pages/Banner.vue'
	import Icons from './pages/Icons.vue'
	import Mcomponent from './pages/Mcomponent.vue'
	import Category from './pages/Category.vue'
	import Spike from './pages/Spike.vue'
	import Want from './pages/Want.vue'
	import Grass from './pages/Grass.vue'
	import Seasonal from './pages/Seasonal.vue'
	import Menu from './pages/Menu.vue'
	import Bottomv from '../default/Bottomv.vue'
	
	export default{
		name:'Home',
		components:{
			Banner,
			Icons,
			Mcomponent,
			Category,
			Spike,
			Want,
			Grass,
			Seasonal,
			Menu,
			Bottomv,
		},
		data(){
			return{
				arrUrl : ['img/img11.png','img/img2.png','img/img3.png']
			}
		}
	}
	
	
</script>

<style>
</style>
